<template>
  <div>
    <main>
      <div class="left">
        <Homeuser></Homeuser>
        <TableUser></TableUser>
      </div>
      <div class="right">
        <div class="right-top"></div>
        <div class="right-rencen">
          <ChartAdd></ChartAdd>
        </div>
        <div class="right-bottom">
          <div class="bottom-left"></div>
          <div class="bottom-right"></div>
        </div>
      </div>
    </main>
  </div>
</template>

<script lang="ts">
import Homeuser from "@/components/HomeUser.vue";
import TableUser from "@/components/Table-user.vue";
import ChartAdd from "@/components/ChartAdd.vue";
export default {
  name: "HomeVue",
  components: { Homeuser, TableUser, ChartAdd },
};
</script>

<style scoped lang="scss">
main {
  display: flex;
}
.right {
  width: 550px;
}
right-bottom {
  display: flex;
}
</style>
